@import '../common/index.css';
.van-slider {
    background-color: var(--slider-inactive-background-color, #ebedf0);
    border-radius: 999px;
    height: var(--slider-bar-height, 2px);
    position: relative;
}
.van-slider:before {
    bottom: calc(var(--padding-xs, 8px) * -1);
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: calc(var(--padding-xs, 8px) * -1);
}
.van-slider__bar {
    background-color: var(--slider-active-background-color, #1989fa);
    border-radius: inherit;
    height: 100%;
    position: relative;
    transition: all 0.2s;
    width: 100%;
}
.van-slider__button {
    background-color: var(--slider-button-background-color, #fff);
    border-radius: var(--slider-button-border-radius, 50%);
    box-shadow: var(--slider-button-box-shadow, 0 1px 2px rgba(0, 0, 0, 0.5));
    height: var(--slider-button-height, 24px);
    width: var(--slider-button-width, 24px);
}
.van-slider__button-wrapper,
.van-slider__button-wrapper-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(50%, -50%, 0);
}
.van-slider__button-wrapper-left {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.van-slider--disabled {
    opacity: var(--slider-disabled-opacity, 0.5);
}
.van-slider--vertical {
    display: inline-block;
    height: 100%;
    width: var(--slider-bar-height, 2px);
}
.van-slider--vertical .van-slider__button-wrapper,
.van-slider--vertical .van-slider__button-wrapper-right {
    bottom: 0;
    right: 50%;
    top: auto;
    transform: translate3d(50%, 50%, 0);
}
.van-slider--vertical .van-slider__button-wrapper-left {
    left: auto;
    right: 50%;
    top: 0;
    transform: translate3d(50%, -50%, 0);
}
.van-slider--vertical:before {
    bottom: 0;
    left: -8px;
    right: -8px;
    top: 0;
}
